/***
 * 店铺设置js
 * 20151025
 */
$(function() {
	// 渲染页面-通用部分；
	commTemplUtil.initPage();
	// 渲染左侧菜单;
	commTemplUtil.initCommLeftMemu();
	
	
	//初始化店铺信息
	iniClassifyData();
	
	//验证店铺基本资料的表单及提交
	validateMainForm();
	
});
//地区下拉框
var areaTemplObj = _.template($('#area-option-templ').html());
//初始公司信息
function iniClassifyData(){
	
	//渲染省
	$.ajax({
		url : PAGE_CONFIG.requestUrl.addrProvince,
		type : 'get',
		dataType : 'json',
		success : function (result) {
			var datas = $.extend([], result.data);
			var tmplObjHtml = areaTemplObj(datas);
			$("#province").html(tmplObjHtml);
		},
		error : function (xhr, status, error) {
			var tmplObjHtml = areaTemplObj([]);
			$("#province").html(tmplObjHtml);
		}
	});

	$("#province").on("change", function () {
		var code = $(this).val();
		renderAddrCity(code);
	});
	
	//渲染市
	$.ajax({
		url : PAGE_CONFIG.requestUrl.addrProvince,
		type : 'get',
		dataType : 'json',
		success : function (result) {
			var datas = $.extend([], result.data);
			var tmplObjHtml = areaTemplObj(datas);
			$("#city").html(tmplObjHtml);
		},
		error : function (xhr, status, error) {
			var tmplObjHtml = areaTemplObj([]);
			$("#city").html(tmplObjHtml);
		}
	});
	
	//渲染区县
	$.ajax({
		url : PAGE_CONFIG.requestUrl.addrProvince,
		type : 'get',
		dataType : 'json',
		success : function (result) {
			var datas = $.extend([], result.data);
			var tmplObjHtml = areaTemplObj(datas);
			$("#country").html(tmplObjHtml);
		},
		error : function (xhr, status, error) {
			var tmplObjHtml = areaTemplObj([]);
			$("#country").html(tmplObjHtml);
		}
	});
	
	// 获取店铺信息
	$.ajax({
		url : PAGE_CONFIG.requestUrl.queryShop,
		type : "get",
		data : {
			id : 1,
			_token : COMM_DATA.csrfToken
		},
		success : function (result) {
			//店铺logo
			$("#shoplogo").attr("src",result.data.shoplogo);
			//店铺banner
			$("#shopbanner").attr("src",result.data.shopbanner);
			
			//法人身份证
			$("#frsfz").val(result.data.frsfz);
			//选中省下拉框
			$("#province").val(result.data.provid);
			//选中市下拉框
			$("#city").val(result.data.cityid);
			//选中区下拉框
			$("#country").val(result.data.areaid);
			//详细地址
			$("#addr").val(result.data.addr);
			//联系人电话
			$("#tel").val(result.data.tel);
			//qq
			$("#qq").val(result.data.qq);

		},
		error : function () {
			var conf = {
					title : "注意",
					message : "获取店铺资料失败!",
					ok_txt : "确定"
				};
					commTemplUtil.showErrorDialog(conf);
		}
	});
	
	// 店铺logo选择文件
	$("#logo").on("click",  function () {
		var fileObj = $(this).find("[type='file']");
		fileObj[0].click();
	});
	
	// 店铺logo零时预览图片,
	$("#logo").find("[type='file']").each(function(){
		$(this).AjaxFileUpload({
			action : PAGE_CONFIG.requestUrl.uploadimg,
			name : PAGE_CONFIG.requestUrl.preViewImg,
			onComplete : function(filename, response){
				$(this).parent().find("img").attr("src", response.data);
			}
		});		
	});
	
	// 店铺banner选择文件
	$("#banner").on("click",  function () {
		var fileObj = $(this).find("[type='file']");
		fileObj[0].click();
	});
	
	// 店铺banner零时预览图片,
	$("#banner").find("[type='file']").each(function(){
		$(this).AjaxFileUpload({
			action : PAGE_CONFIG.requestUrl.uploadimg,
			name : PAGE_CONFIG.requestUrl.preViewImg,
			onComplete : function(filename, response){
				$(this).parent().find("img").attr("src", response.data);
			}
		});		
	});
}

//验证店铺基本资料及表单提交
function validateMainForm(){
	// 添加 验证逻辑;
	var formValidate = $("#mainform").validate({
			rules : {
				addr : "required",
				tel : "required",
				lxr : "required",
				qq : "required"
			},
			errorPlacement : function (error, element) {
				if (element.attr("type") == "text") {
					element.after($("<span class='error-line'  align='center'/>").append(error));
				}
			}
		});
	
	// 资料提交申请
	$("#zl-submit-btn").on("click", function () {
		if(!formValidate.form()){
			return false;
		}
		$("#mainform").submit();
		
	});
}